﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/SiteHome.Master" ValidateRequest="false" Inherits="System.Web.Mvc.ViewPage<VCC.CMS.ViewModels.AdCreateViewModel>" %>
<%@ Import Namespace="VCC.Lib.Helpers" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
	Đăng tin rao vặt|Bán|Cho thuê|Cần mua|Cần thuê|Cho102.vn    
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

<div id="resumePost">
    <div id="aboutus">
        <div id="icon">Chợ 102 Kính Chào Quý Khách !</div>
        <div id="article">
            <div style="width:100px;">
                <span id="scrollcontent" style="position: absolute;">
                    <marquee direction="left">
                     Cảm ơn quý khách đã tin tưởng và sử dụng dịch vụ của chúng tôi!
                    </marquee>
                </span>
            </div>
            <div class="clear"></div>
        </div>
    </div>   
    <br clear="all" />
      <div id="content_register">
        <div class="panelContainer">
            <h2><span>Đăng tin</span> </h2>
        </div>
      <div class="panelWrapper">
          <div class="panelContent">
             <div class="body">
                    
                <script src="/tiny_mce/tiny_mce.js" type="text/javascript"></script>
                <%if (ViewData["MessageInfo"] == null)
                  { %>
                <% using (Html.BeginForm("Create", "Ad", FormMethod.Post, new { id = "adminForm", name = "adminForm", enctype = "multipart/form-data", onsubmit = "return ProgressingSubmit();" }))
                   {%>
                   <%= Html.ValidationSummary(true)%>
             
                <table class="admintable">
                    <tr>
                        <td colspan="4" align="center" style="padding-bottom:10px"><span class="highlightText">Thông tin liên hệ</span></td>
                    </tr>
                    <tr>
                        <td align="right">Tên<font color="red">*</font>:</td>
                        <td><%=Html.TextBox("Ad.NameContact", Model.CurrentUser != null ? Model.CurrentUser.UserName : null, new { @class = "required", style = "width:250px", title = "Nhập tên người đăng" })%></td>
                        <td align="right">Email<font color="red">*</font>:</td>
                        <td class="key"><%=Html.TextBox("Ad.EmailContact", Model.CurrentUser != null ? Model.CurrentUser.Email : null, new {@class="required email",style="width:250px", title="Nhập địa chỉ email" })%></td>
                    </tr>
                    <tr>
                        <td align="right">Di động<font color="red">*</font>:</td>
                        <td><%=Html.TextBox("Ad.MobileContact", Model.CurrentUser != null ? Model.CurrentUser.Phone : null, new { @class = "required", style = "width:250px", title = "Nhập số điện thoại" })%></td>
                        <td align="right">Số điện thoại bàn/Fax:</td>
                        <td class="key"><%=Html.TextBox("Ad.PhoneContact", null, new { style = "width:250px" })%></td>
                    </tr>
                    <tr>
                        <td align="right">Địa chỉ:</td>
                        <td class="key" colspan="3"><%=Html.TextBox("Ad.AddressContact", Model.CurrentUser != null ? Model.CurrentUser.Address : null, new { style = "width:726px" })%></td>
                    </tr>
                    <tr>
                        <td colspan="4" style="padding:10px"><hr class="horLineLight" /></td>
                    </tr>
                    <tr>
                        <td colspan="4" align="center" style="padding-bottom:10px"><span class="highlightText">Thông tin về tin rao</span></td>
                    </tr>
                    <tr>
                        <td align="right">
                            Tin đăng của:
                        </td>
                        <td>
                            <%=Html.DropDownListFor(m => m.Ad.CusTypeID, new SelectList(Model.CusTypes, "Key", "Value").ToList(), new { style = "width:250px" })%>
                        </td>
                        <td align="right">Quốc gia<font color="red">*</font>:</td>
                        <td ><%=Html.DropDownListFor(m=> m.Ad.CountryID,new SelectList(Model.Countries,"ID","Name",13).ToList(), new {@class="required", style="width:250px",title="Chọn quốc gia nơi rao tin!"})%> </td>
                    </tr>
                    <tr>
                       <td align="right">Nhu cầu<font color="red">*</font>:</td>
                        <td >
                            <%=Html.DropDownListFor(m => m.Ad.DemandID, new SelectList(Model.Demands, "ID", "Name").ToList(),"--Nhu cầu--", new {@class="required", style="width:250px",title="Chọn nhu cầu cho tin rao" })%>
                        </td> 
                        <td align="right">Tỉnh thành <font color="red">*</font>:</td>
                        <td ><%=Html.DropDownListFor(m=> m.Ad.CityID,new SelectList(Model.Cities,"ID","Name",13).ToList(),"--Chọn tỉnh thành--", new {@class="required", style="width:250px",title="Chọn tỉnh thành nơi rao tin!"})%> </td>
                    </tr>
                    <tr>
                        <td align="right">Danh mục <font color="red">*</font>:</td>
                        <td class="key">
                            <%=Html.DropDownListFor(m => m.Ad.CatID, new SelectList(Model.CategoryBuiltTree, "Value", "Text").ToList(), "--chọn danh mục--", new { @class = "required", style = "width:250px",title="Chọn danh mục cho tin rao!" })%>    
                        </td>
                        <td align="right">Quận huyện:</td>
                        <td>
                            <%=Html.DropDownListFor(m => m.Ad.DistrictID, new SelectList(Model.Districts != null?  Model.Districts: null ,"ID","Name").ToList(),"Chọn quận/huyện", new { Style = "width:250px" }) %>
                        </td>
                    </tr>
                    <tr>
                        <td align="right">Ảnh đại diện</td>
                        <td colspan="3"><input type="file" name="AdImage" id="AdImage" /></td>
                    </tr>
                    <tr>
                        <td align="right">Tin khuyến mãi?</td>
                        <td colspan="3">
                            <%=Html.RadioButtonFor(m=>m.Ad.Status,1)%> Tin khuyến mãi/Giảm giá
                            <%=Html.RadioButtonFor(m => m.Ad.Status, 0, new {@checked= "checked" })%> Tin rao bán bình thường
                        </td>
                    </tr>
                    <tr>
                        <td align="right">Tiêu đề<font color="red">*</font>:</td>
                        <td class="key" colspan="3"><%= Html.TextBoxFor(m => m.Ad.Title, new { @class = "required", title = "Nhập tiêu đề tin rao vào đây", style = "width:728px" })%></td>
                    </tr>
                    <tr>
                        <td>Nội dung tin<font color="red">*</font>:</td>
                        <td colspan="3">
                            <%--<%=Html.TextAreaFor(m=>m.Ad.Content, new {style="width:740px; height:400px", title="Nhập nội dung tin rao"})%>--%>
                            <%=Html.TextArea("AdContent",new {style="width:740px; height:700px", title="Nhập nội dung tin rao"}) %>
                        </td>
                    </tr>
                    <tr>
                        <td align="right">Giá :</td>
                        <td colspan="3">
                            <%= Html.TextBoxFor(m => m.Ad.Cost, new { style = "width:100px", title = "Bạn có thể nhập giá: 180k | 1,8 | 1.8..." })%>
                            Đơn vị:<%=Html.DropDownListFor(m => m.Ad.CostTypeID, new SelectList(Model.CostTypes, "ID", "Name").ToList(), new { style="width:90px"})%>
                            <span class="help_labe">Bạn có thể nhập giá: 180k | 1,8 | 1.8...</span>
                        </td>
                    </tr>
                    <tr>
                        <td class="key">Ảnh mô tả:</td>
                        <td class="key" colspan="3">
                                <table id="tblUpload" >
                                <tr id="0">
                                    <td>
                                        
                                    </td>
                                    <td valign="top">
                                        <input id="fUpload0" type="file" name="fUpload0" size="40" onchange="javascript:AddNewUploadControl(this)" />
                                    </td>
                                    <td valign="middle">
                                        <input id="fButton0" type="button" value=" Xóa" name="fButton0" onclick="RemoveRow(this)" />
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td align="right">Nhập mã xác thực<font color="red">*</font>:</td>
                        <td class="key" colspan="3">
                            <%= Html.TextBoxFor(m => m.CaptchaCode, new { @class = "required", title = "Nhập mã xác thực vào đây", style = "width:70px" })%>
                            <img id="captchaImg" name="captchaImg" src="/Applications/ShowCaptchaImage" style="vertical-align:middle;" class="pass" />
                                <img src="/images/icon-22-refresh.png" style="cursor:pointer;position:relative; vertical-align:middle"; class="changecaptcha" alt="Thay đổi captcha" title="Thay đổi captcha" />    
                                <script type="text/javascript">
                                    $(".changecaptcha").live("click", function() {
                                        $("#captchaImg").attr("src", "");
                                        $("#captchaImg").attr("src", "/Applications/ShowCaptchaImage/?date=" + (new Date()));
                                        $("#CaptchaText").val("");
                                        return false;
                                    });
                                </script>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="4">
                              <label><input type="checkbox" id="chkRegu" onchange="AgreeRegulation();" /></label>Tôi đồng ý với tất cả các <a href="/Home/Postnews" style="padding-left:10px;font-size:medium;color:#00ADEF">Quy định đăng tin</a> tại Chợ102.vn
                        </td>
                    </tr>
                    <tr >
                        <td align="center"><input id="btnSave" class="actionBtnDisable" type="submit" disabled="disabled" onclick="return check_extension('AdImage','btnSave');" value="Đăng tin" /></td>
                        <td ><input id="btnreset" class="actionBtn" type="reset" value="Nhập lại" /></td> 
                    </tr>
                </table>
                <%}
                  } %>
                 </div>
               </div>
             </div>     
      </div>
</div>

<div id="light" class="white_content">
    <div class="ProgressInfo">
        <div>
            <img style="padding-bottom: 8px;" src="/Images/Progress-clock.gif"/>
        </div>
        <div>
           <span class="highlightText">Tin rao đang được cập nhật lên hệ thống!</span>
        </div>
    </div>
</div>
<div id="fade" class="black_overlay"></div>    
<script type="text/javascript">
    $(document).ready(function() {
    $("#adminForm").validate();
    
    // Change country auto change areas, city, district and category
    $("#Ad_CountryID").unbind("change").change(function() {
    var val = $("#Ad_CountryID").val();
        if (val == "" || val == '' || val == undefined)
            val = 0;
        // Change City
        AjaxChange("#Ad_CountryID", "#Ad_CityID", "/Applications/LoadCityByCountry/");
        // Change Distric
        $("#Ad_DistrictID").html("<option value=&#34;&#34;>--Quận/Huyện--</option>");
    });

    
    $("#Ad_CityID").unbind("change").change(function() {
    var val = $("#Ad_CityID").val();            
            if (val == "" || val == '' || val == undefined)
                return false;
            AjaxChange("#Ad_CityID", "#Ad_DistrictID", "/Applications/LoadDistrictByCity/");
        });
    });
    function AgreeRegulation() {
        if ($('#chkRegu').attr('checked')) {
            $('#btnSave').attr('disabled', false);
            document.getElementById("btnSave").className = 'actionBtn';
        }
        else {
            $('#btnSave').attr('disabled', true);
            document.getElementById("btnSave").className = 'actionBtnDisable';
         }
     }
    
     /*------------------------Upload File-----------------------*/
     var hash = { '.jpg': 1, '.png': 1, '.gif': 1 };
     function check_extension(filename) {
         var re = /\..+$/;
         var ext = filename.match(re).toString().toLowerCase();
         if (hash[ext]) {
             return true;
         } else {
         return false;
         }
     };
     function gmobj(o) {
         if (document.getElementById) {
             m = document.getElementById(o);
         } else if (document.all) {
             m = document.all[o];
         } else if (document.layers) {
             m = document[o];
         }
         return m;
     }

     var _TotalItem = 1;
     function AddNewUploadControl(obj) {
         if (check_extension(obj.value) == true) {
             if (_TotalItem >= 5) return;
             var index = parseInt(obj.id.substring(7)) + 1;

             //validate fileupload truoc khi them 1 anh moi                    
             var image = document.getElementById("fUpload" + String(index - 1)).value;
             var i = image.lastIndexOf(".");
             image = image.substring(i);

             if (index == _TotalItem && image != "") {
                 var tr = gmobj("tblUpload").insertRow(index);
                 tr.id = index;
                 var td0 = tr.insertCell(0);
                 td0.vAlign = "top";
                 var td1 = tr.insertCell(1);
                 td1.vAlign = "top";
                 var td2 = tr.insertCell(2);
                 td2.vAlign = "middle";
                 td0.innerHTML = '';
                 td1.innerHTML = '<input type="file" name="fUpload'+ index +'" id="fUpload' + index + '" size=40 onchange="javascript:AddNewUploadControl(this)">';
                 td2.innerHTML = '<input type="button" value=" Xóa" name="fButton' + index + '" id=fButton' + index + ' onclick="RemoveRow(this)">';
                 _TotalItem++;
             }
         }
         else {
             alert("File này không phải là file ảnh thông thường. Hệ thống không cho phép xin vui lòng chọn file có đuôi mở rộng: '.jpg | .gif | .png'");
             obj.value = null;
         }
     }

     function RemoveRow(objButton) {
       //  if (gmobj("tblUpload").rows.length == 1) return;
         if (parseInt(objButton.name.substring(7)) == gmobj("tblUpload").rows.length - 1) return;

         var obj;
         var RowIndex = parseInt(objButton.name.substring(7));
         gmobj("tblUpload").deleteRow(RowIndex);
         for (var i = RowIndex + 1; i < _TotalItem; i++) {
             Fix('fUpload', parseInt(i));
             Fix('fButton', parseInt(i));
         }
         _TotalItem--;
     }

     function Fix(Id, Index) {
         var obj = document.getElementById(Id + Index);
         if (obj) {
             obj.name = Id + parseInt(parseInt(Index) - 1);
             obj.id = Id + parseInt(parseInt(Index) - 1);
         }
     }

     // Progressing when submit data
     function ProgressingSubmit() {
         var name = $('#Ad_NameContact').val();
         var emmail = $('#Ad_EmailContact').val();
         var mobile = $('#Ad_MobileContact').val();
         var demand = $('#Ad_DemandID').val();
         var cat = $('#Ad_CatID').val();
         var country = $('#Ad_CountryID').val();
         var city = $('#Ad_CityID').val();
         var title = $('#Ad_Title').val();
         var Captchacode = $('#CaptchaCode').val();
         var content = $('#AdContent').val();
         if (name=='') return false;
         if (emmail == '') return false;
         if (mobile == '') return false;
         if (demand == '') return false;
         if (cat == '') return false;
         if (country == '') return false;
         if (city == '') return false;
         if (title == '') return false;
         if (content == '') return false;
         if (Captchacode == '') return false;
         document.getElementById('light').style.display = 'block';
         document.getElementById('fade').style.display = 'block';
     }
   
    //Tiny MCS
    tinyMCE.init({
        mode: "exact",
        elements: "AdContent",
        theme: "advanced",
        plugins: "paste,imagemanager",
        theme_advanced_buttons1: "pastetext,separator,bold,italic,underline,separator,strikethrough,justifyleft,justifycenter,justifyright, justifyfull,bullist,numlist,undo,redo,link,unlink,image,xhtmlxtras",
        theme_advanced_buttons2: "fontselect,fontsizeselect,forecolor,pasteword",
        theme_advanced_buttons3: "",
        theme_advanced_toolbar_location: "top",
        theme_advanced_toolbar_align: "left",
        theme_advanced_statusbar_location: "bottom",
        paste_use_dialog: false,
        paste_auto_cleanup_on_paste: true,
        paste_convert_headers_to_strong: false,
        paste_strip_class_attributes: "all",
        paste_remove_spans: true,
        paste_remove_styles: true
    });
    
</script>      
</asp:Content>
<asp:Content ID="Content5" ContentPlaceHolderID="DiaDanh" runat="server">
</asp:Content>
